<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>安宁哈噻呦~</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/blog/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


    <!-- Custom styles for this template -->
    <link href="https://fonts.googleapis.com/css?family=Playfair&#43;Display:700,900&amp;display=swap" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="blog.css" rel="stylesheet">
  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">

<svg t="1641197703831" class="icon" viewBox="0 0 1096 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3205" width="80" height="80"><path d="M26.08596 398.836933a17.39064 17.39064 0 0 1-17.39064-17.39064V96.470227a17.39064 17.39064 0 0 1 34.781279 0v117.412904c37.198579-85.518471 102.591732-157.689626 188.144985-203.157454a17.386292 17.386292 0 1 1 16.321115 30.71187C121.825779 108.46542 43.476599 238.751746 43.476599 381.446293a17.39064 17.39064 0 0 1-17.390639 17.39064zM842.14608 1015.313375a17.394987 17.394987 0 0 1-7.969261-32.859613c74.123254-38.146368 135.946979-99.974441 174.075957-174.093348 29.420615-57.158685 44.333088-118.98241 44.333088-183.753848a17.39064 17.39064 0 0 1 34.78128 0v292.336655a17.39064 17.39064 0 0 1-34.78128 0v-121.160587a441.217922 441.217922 0 0 1-13.408183 28.490216c-41.415809 80.509967-108.569764 147.66827-189.088427 189.105817a17.251515 17.251515 0 0 1-7.943174 1.934708z" fill="#6E6E96" p-id="3206"></path><path d="M547.535599 502.815568m-377.694263 0a377.694263 377.694263 0 1 0 755.388525 0 377.694263 377.694263 0 1 0-755.388525 0Z" fill="#70C4FF" p-id="3207"></path><path d="M547.535599 897.900471c-217.848197 0-395.084902-177.236705-395.084903-395.084903s177.236705-395.084902 395.084903-395.084902 395.084902 177.236705 395.084902 395.084902-177.236705 395.084902-395.084902 395.084903z m0-755.388526c-198.670669 0-360.303623 161.632954-360.303623 360.303623s161.632954 360.303623 360.303623 360.303623 360.303623-161.632954 360.303622-360.303623-161.632954-360.303623-360.303622-360.303623z" fill="#6E6E96" p-id="3208"></path><path d="M542.53579 137.646914s-37.794208 213.430975 44.463518 228.991249c82.262074 15.564623 117.838975-6.66931 160.072144 35.581249 42.241864 42.241864 137.159976 27.611988 140.064213-15.564622 0-0.004348-57.802139-215.656976-344.599875-249.007876zM308.744724 786.052571s87.240145 13.273406 167.367517-20.160099c84.861975-35.398647 161.741645-120.273665 118.525905-221.226329-67.966968-158.754803-133.690543-74.753665-110.621859-199.379338 23.059988-124.625672-49.398112-174.288992-99.935312-174.288992-50.545895 0-271.093988 329.526538-75.336251 615.054758z" fill="#A3D9FF" opacity=".26" p-id="3209"></path><path d="M290.423685 779.21805s75.69276 12.547347 145.211842-19.064489c73.631969-33.468286 140.32942-113.730437 102.826505-209.170268-58.967312-150.107307-115.995567-70.67556-95.987636-188.510188 20.016626-117.834628-42.854884-164.79805-86.701035-164.79805S120.573653 509.250105 290.423685 779.21805z" fill="#A3D9FF" opacity=".26" p-id="3210"></path><path d="M304.870959 213.409236c119.956286 18.407992 76.736198 120.87799 110.560992 240.682107 21.946987 77.723117 55.084852 66.367029 84.761978 124.008305 45.33305 59.941188-173.410765 260.120495-290.697587 92.887755C93.244263 383.950545 304.870959 213.409236 304.870959 213.409236z" fill="#9EE3C3" p-id="3211"></path><path d="M325.10062 753.592942c-51.628462 0-96.526746-25.107736-129.842864-72.614617l-1.139087-1.621677-0.74345-1.834712c-62.458483-154.224541-31.977039-275.780766 4.586781-350.599646 39.620225-81.06212 93.71381-125.216954 95.996332-127.056015l5.969337-4.808511 7.582319 1.165172c96.639785 14.829868 102.61347 81.901218 108.934968 152.911549 2.717287 30.494487 5.791083 65.054036 15.725486 100.2353 11.373478 40.276722 24.703404 52.528427 41.58102 68.03653 12.929941 11.877807 27.555469 25.320772 41.276683 51.532814 12.034323 17.125433 11.477822 40.937566-1.630372 67.280037-28.081536 56.441321-108.05674 117.373776-188.297153 117.373776zM224.860973 662.600767c26.725066 37.298575 60.441169 56.210895 100.239647 56.210895 63.858429 0 134.077485-51.698024 157.159212-98.091903 7.047557-14.164676 8.56489-26.177261 4.065062-32.129208l-0.904313-1.195606-0.68693-1.334732c-11.07349-21.503526-22.460011-31.972691-34.516073-43.046181-18.421035-16.929788-37.472481-34.433467-51.524118-84.196782-10.81263-38.311579-14.042942-74.588454-16.895006-106.600275-6.569314-73.792832-12.216924-108.487159-71.705956-120.247578-14.290758 13.151671-52.589295 51.754544-81.527319 111.560954-47.759045 98.687533-49.002475 206.018214-3.704206 319.070416z" fill="#6E6E96" p-id="3212"></path><path d="M579.660458 126.490819s-59.176 201.692293 70.849466 201.692292c132.134081 0 156.907048 119.608473 239.538673 15.295068-88.122719-212.278845-310.388139-216.98736-310.388139-216.98736z" fill="#9EE3C3" p-id="3213"></path><path d="M826.164082 403.567187h-0.013043c-22.360015-0.004348-42.52881-11.321307-63.880168-23.303457-28.981501-16.260248-61.828072-34.689979-111.756599-34.689979-33.942181 0-60.071618-11.916936-77.666597-35.416038-46.306926-61.845463-11.377826-183.419078-9.869188-188.56236l3.743335-12.773424 13.312535 0.282597c2.404256 0.052172 59.641199 1.578201 128.460308 30.220585 63.771476 26.542464 149.824709 82.349027 197.618535 197.47941l3.92159 9.447465-6.351931 8.021433c-27.007664 34.085654-50.915446 49.293768-77.518777 49.293768z m-233.321519-258.6249c-8.743144 37.646387-18.294953 109.500163 7.864917 144.390135 10.821326 14.434231 27.112007 21.455702 49.806792 21.455702 59.019484 0 97.700614 21.703518 128.777688 39.141982 18.768848 10.53438 33.598716 18.851454 46.867774 18.855801h0.004348c8.473589 0 21.96003-3.112925 43.702678-28.190227-72.553749-161.502524-229.947735-190.536197-277.024197-195.653393z" fill="#6E6E96" p-id="3214"></path><path d="M740.876036 827.307516s-85.114139-136.073061 0-192.766547c85.109791-56.689138 184.349477-53.358831 184.349478-131.729748 0.008695 215.104824-184.349477 324.496296-184.349478 324.496295z" fill="#9EE3C3" p-id="3215"></path><path d="M735.141473 850.928353l-9.008351-14.39945c-0.926052-1.482552-22.825215-36.785551-34.007397-79.9839-15.947217-61.619384-2.425994-108.808886 39.111549-136.477393 31.47271-20.964416 64.362758-33.955224 93.379041-45.411309 54.689214-21.599175 83.227254-34.603026 83.227254-71.840733h34.78128c0.004348 222.448021-184.992931 334.778511-192.866543 339.452246l-14.616833 8.660539z m164.345894-272.854791c-17.92975 11.486518-39.75935 20.107927-62.09328 28.929329-27.411996 10.825673-58.471679 23.09477-86.870593 42.011438-54.745734 36.463824-21.220928 118.530253-3.630296 153.176756 35.646464-26.038135 124.877837-101.765676 152.594169-224.117523z" fill="#6E6E96" p-id="3216"></path><path d="M544.200943 121.777955c-208.596377 0-377.69861 169.106581-377.69861 377.698611 0 208.596377 169.102234 377.69861 377.69861 377.69861 208.592029 0 377.694263-169.106581 377.694263-377.69861S752.792972 121.777955 544.200943 121.777955z m272.833053 420.623057c-13.329925 46.550395-93.800763 32.168336-125.760412 66.784405-26.003354 28.168489-0.843446 107.821967-35.763851 124.673496-40.176726 19.37752-85.231526 30.233627-132.838402 30.233628-52.715377 0 64.275805-96.16589 20.968764-119.630212-15.408107-8.351855-23.312153 37.646387-30.568397-64.514925-2.665116-37.507262-56.641314-54.90225-91.983441-140.790273-8.877922-21.573089-25.455549-173.462937-31.963996-164.789355-40.02021 53.354483-6.66931 220.578527 31.124897 307.923016 23.890391 55.184848-137.868645 151.133355-137.868644 65.36272 0-169.858727-76.675331-69.819071-65.854006-189.723185 15.190724-168.38487 137.068675-306.144823 306.149171-306.144823 71.332057 0 143.855372 20.516607 195.644698 61.562865 24.494716 19.399259 44.341784 43.402689 57.245638 71.988553 22.633918 50.167648-158.33308 17.925402-141.881535 26.164218 33.555239 16.790663 204.68783 79.210017 186.579827 74.292813-236.14315-64.175808-9.017047 54.56748 8.551847 72.145069 29.303228 29.303228-4.104191 57.636928-11.782158 84.46199z" fill="#6E6E96" opacity=".2" p-id="3217"></path><path d="M673.709038 540.057623s-37.798556 31.124898-15.560275 53.354483c22.229585 22.233933 65.571407-21.112237 77.805722-33.342204 12.234315-12.234315 7.990999-51.550204-62.245447-20.012279z" fill="#9EE3C3" p-id="3218"></path><path d="M673.48296 617.050334c-10.66481-0.004348-20.216619-3.921589-27.633727-11.338698-8.430113-8.430113-12.599519-18.925364-12.047366-30.342318 1.191259-24.74688 24.2469-44.937413 28.855419-48.732921l1.804279-1.482552 2.126006-0.960833c19.960107-8.960527 37.150754-13.503832 51.0937-13.503831 26.30769 0 35.581249 15.534189 38.34636 22.216542 5.465009 13.1908 2.265131 29.424963-7.777963 39.463709-19.199266 19.190571-47.811216 44.680901-74.766708 44.680902z m9.6605-62.149799c-6.39106 5.843255-14.32554 15.899392-14.60379 22.16437-0.052172 1.082567 0.060867 2.208611 1.904275 4.052019 0.782579 0.782579 1.434728 1.156478 3.039015 1.156478 5.85195 0 20.147056-4.47809 50.145909-34.472596a3.717249 3.717249 0 0 0 0.269555-1.334732c-1.626025-0.813012-11.477822-4.299836-40.754964 8.434461z" fill="#6E6E96" p-id="3219"></path></svg>
           <strong>用户{{ dengji }}购物车</strong>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>
</header>

  <div class="nav-scroller py-1 mb-2">
</div>

<main class="container">
  <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
    <div class="col-md-6 px-0">
      <h1 class="display-4 fst-italic">k-pop周边小店</h1>
      <p class="lead my-3">SM、YG、JYP等韩娱公司出售的专辑周边本店都会同步上新！</p>
      <p class="lead mb-0"><a href="#" class="text-white fw-bold">敬请期待...</a></p>
    </div>
  </div>

  <div class="album py-5 bg-light">
    <div class="container">

      <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 g-4">
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i4/745807470/O1CN01EZAP4z253JK5eGnIc_!!0-item_pic.jpg_430x430q90.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">BLACKPINK迷你2辑</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">

                    <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">150rmb</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
            <img class="d-block mx-auto mb-4" src="https://gd4.alicdn.com/imgextra/i4/0/O1CN0103LUN01Bs2fm6W9hu_!!0.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">RED VELVET应援棒</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">215rmb</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
              <div align="center">
                  <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i1/381739012/O1CN01rbDIUG2GRY4jrDF8j_!!2-item_pic.png_430x430q90.jpg" alt=""width="300"heigh="150">
              </div>
            <div class="card-body">
              <p class="card-text">SM毛封冬专</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">55.8rmb</small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
               <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i4/745807470/O1CN012VU68I253JJi1o577_!!0-item_pic.jpg_430x430q90.jpg" alt=""width="300"heigh="150">
            </div>
              <div class="card-body">
              <p class="card-text">queendom夏日迷你六辑</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">105rmb</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
             <div align="center">
                  <img class="d-block mx-auto mb-4" src="https://gd1.alicdn.com/imgextra/i1/2211506309512/O1CN01nyEzZh2K8Y5O4P1lD_!!2211506309512.jpg" alt=""width="300"heigh="200">
             </div>

              <div class="card-body">
              <p class="card-text">BLACKPINK应援棒</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">256rmb</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                  <img class="d-block mx-auto mb-4" src="https://gd1.alicdn.com/imgextra/i2/0/O1CN01OuBu6w1Bs2jHXRgWt_!!0.jpg_400x400.jpg" alt=""width="300"heigh="200">
            </div>

            <div class="card-body">
              <p class="card-text">NCT应援棒</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">252rmb</small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i2/745807470/O1CN01mF2n2y253JK3HL8qN_!!2-item_pic.png_430x430q90.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">ITZY正规一辑</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">153rmb</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i4/680990949/O1CN01dCOZ8R1IsgUtun7a8_!!0-item_pic.jpg_430x430q90.jpg" alt=""width="300"heigh="200">
            </div>
                <div class="card-body">
              <p class="card-text">IU迷你4辑</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">143rmb</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i4/376252760/O1CN01uqo9XM1WG7s5JhCm2_!!0-item_pic.jpg_430x430q90.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">TWIVCE正规二辑</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">188rmb</small>
              </div>
            </div>
          </div>
        </div>
          <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://gd2.alicdn.com/imgextra/i4/2210970898269/O1CN01WH9QCm2AxFnLl0NM7_!!2210970898269.jpg_400x400.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">TWICE应援棒</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">

                    <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">268.5rmb</small>
              </div>
            </div>
          </div>
        </div>
          <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i4/1023621534/O1CN01E4Gy5K1NCcHCoRIiP_!!0-item_pic.jpg_430x430q90.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">BTS新专Butter(预售)</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">

                    <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">290rmb</small>
              </div>
            </div>
          </div>
        </div>
          <div class="col">
          <div class="card shadow-sm">
            <div align="center">
                <img class="d-block mx-auto mb-4" src="https://img.alicdn.com/imgextra/i4/745807470/O1CN01xZ7AJh253JKsIBp5p_!!0-item_pic.jpg_430x430q90.jpg" alt=""width="300"heigh="200">
            </div>
            <div class="card-body">
              <p class="card-text">NCY正规三辑</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">

                    <form method="post" action="/car_result">

                        <p><input type="submit" value="加入购物车"> </p>

                    </form>
                </div>
                <small class="text-muted">150rmb</small>
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>
  </div>

<footer class="blog-footer">
    <a href="/">Back to top</a>
  </p>
</footer>
  </body>
</html>